﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>床垫查询</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <!--link-->
    <link type="text/css" rel="stylesheet" href="/css/style.css" />
    <link type="text/css" rel="stylesheet" href="/css/sel_mattress.css" />
    <link href="/css/jquery.searchableSelect.css" rel="stylesheet" type="text/css">
    <!--js-->
    <script src="/js/jquery-1.11.1.min.js"></script>
    <script src="/js/jquery.searchableSelect.js"></script>
    <script src="/js/jquery.min.js"></script>
    <script src="/js/sel_mattress.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/paho-mqtt/1.0.1/mqttws31.min.js" type="text/javascript"></script>
    </style>
</head>
<body>
    <div class="container">
        <div class="head">
            <p>床垫查询</p>
            <div class="head_sel">
                <span>床垫查询:</span><input placeholder="请输入设备号或床号" style="margin:0 12px;height:30px;line-height:30px;border:1px solid #ebebeb;border-radius:5px;outline:none;padding-left:10px;"/>
                <button class="btn">查询</button>
            </div>
        </div>
        <div class="main">
            <table class="main_table">
                <tr class="table_th">
                    <th>序号<span class="triangle"></span></th>
                    <th>设备号<span class="triangle"></span></th>
                    <th>科室<span class="triangle"></span></th>
                    <th>床号<span class="triangle"></span></th>
                    <th>是否有人使用<span class="triangle"></span></th>
                    <th>姓名<span class="triangle"></span></th>
                    <th>联系电话<span class="triangle"></span></th>
                    <th>年龄<span class="triangle"></span></th>
                    <th>性别<span class="triangle"></span></th>
                    <th>状态<span class="triangle"></span></th>
                    <th>设备使用起止时间<span class="triangle"></span></th>
                    <th></th>
                    <th><img src="/img/add_user.png" style="vertical-align:middle;width:24px;height:25px;cursor:pointer;"/></th>
                </tr>
                <tr>
                    <td style="color:#8dc2fb;font-weight:bold;">01</td>
                    <td>125</td>
                    <td>骨科</td>
                    <td>012</td>
                    <td>是</td>
                    <td>张三</td>
                    <td>18142351568</td>
                    <td>36岁</td>
                    <td>女</td>
                    <td>在家</td>
                    <td>2020.10.02至2022.10.02</td>
                    <td><img src="/img/edit.png" style="cursor:pointer;"/></td>
                    <td><img src="/img/del.png" style="cursor:pointer;"/></td>
                </tr>
                <tr>
                    <td style="color:#8dc2fb;font-weight:bold;">02</td>
                    <td>125</td>
                    <td>骨科</td>
                    <td>012</td>
                    <td>否</td>
                    <td>-</td>
                    <td>-</td>
                    <td>-岁</td>
                    <td>-</td>
                    <td>-</td>
                    <td>-</td>
                    <td><img src="/img/edit.png" style="cursor:pointer;"/></td>
                    <td><img src="/img/del.png" style="cursor:pointer;"/></td>
                </tr>
            </table>
            <div class="footer">
                <div class="content">
                    <span style="color:#747474;margin-left:20px;display:inline-block;">所有记录</span>
                    <span class="strip"><span>9</span>条</span>
                </div>
                <div class="table_button">
                    <button><</button><button style="margin:0 8px;border:1px solid #058dc7;color:#058dc7;">1</button><button style="color:#058dc7">></button>
                </div>
            </div>
        </div>
    </div>
</body>
<script>
    /*let mqtt = require('mqtt');

    // create mqtt client
    let client = mqtt.createClient({
        host: 'test.mosquitto.org',
        port: 1883,
        clientId: 'aiot#123',
        username: 'aiot',
        password: '123',
        success: function() {
            console.log('mqtt connected');
        },
        fail: function() {
            console.log('mqtt connect failed');
        }
    });

    client.on('message', function(topic, payload) {
        console.log('[' + topic + ']  message: ' + payload)
    });

    // subscribe
    client.subscribe({
        topic: '/hello'
    });

    // publish
    setInterval(function () {
        client.publish({
            topic: '/hello',
            message: 'this is AMP mqtt test'
        });
    }, 3 * 1000);*/

</script>
</html>